<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>商城首页</title>
		<link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/index/index.css" />
	</head>

	<body>
		<div class="search_index clearfix">
			<img src="../../../public/static/v1/img/index/main_saoma.png" class="l two_code" />
			<input type="text" name="search" id="search_yl" value="" class="l" placeholder="亿乐购物吧给你想要的" />
			<img src="../../../public/static/v1/img/index/main_xiaoxi.png" class="l message_num" />
		</div>
		<div class="mui-content">
			<!--轮播图-->
			<div class="mui-scroll" id="slider1">

				<div id="slider" class="mui-slider">
					<div class="mui-slider-group mui-slider-loop" id="bannerimg">
						<!--支持循环，需要重复图片节点-->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#"><img src="../../../public/static/v1/img/index/banner2@2x.png" /></a>
						</div>
						<div class="mui-slider-item">
							<a href="#"><img src="../../../public/static/v1/img/index/banner2@2x.png" /></a>
						</div>
						<div class="mui-slider-item">
							<a href="#"><img src="../../../public/static/v1/img/index/banner2@2x.png" /></a>
						</div>
						<div class="mui-slider-item">
							<a href="#"><img src="../../../public/static/v1/img/index/banner2@2x.png" /></a>
						</div>
						<div class="mui-slider-item">
							<a href="#"><img src="../../../public/static/v1/img/index/banner2@2x.png" /></a>
						</div>
						<!--支持循环，需要重复图片节点-->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#"><img src="../../../public/static/v1/img/index/banner2@2x.png" /></a>
						</div>
					</div>
					<div class="mui-slider-indicator">
						<div class="mui-indicator mui-active"></div>
						<div class="mui-indicator"></div>
						<div class="mui-indicator"></div>
						<div class="mui-indicator"></div>
					</div>

				</div>
				<!--轮播图-->

				<!--中间模块部分-->
				<div class="myfun">
					<ul class="mui-table texC mainnav">
						<li class="mui-table-cell item a1">
							<img src="../../../public/static/v1/img/index/youka_ic@2x.png" />
							<p>油卡充值</p>
						</li>
						<li class="mui-table-cell item a2">
							<img src="../../../public/static/v1/img/index/huafei@2x.png" />
							<p>话费充值</p>
						</li>
						<li class="mui-table-cell item a3">
							<img src="../../../public/static/v1/img/index/shenghuo@2x.png" />
							<p>生活缴费</p>
						</li>
						<li class="mui-table-cell item a4">
							<img src="../../../public/static/v1/img/index/lvyou@2x.png" />
							<p>旅游门票</p>
						</li>
						<li class="mui-table-cell item a4">
							<img src="../../../public/static/v1/img/index/nongte@2x.png" />
							<p>农特产品</p>
						</li>
					</ul>
					<ul class="mui-table texC mainnav">
						<li class="mui-table-cell item a5">
							<img src="../../../public/static/v1/img/index/jingpin@2x.png" />
							<p>精品推荐</p>
						</li>
						<li class="mui-table-cell item a6">
							<img src="../../../public/static/v1/img/index/shangpin@2x.png" />
							<p>商品中心</p>
						</li>
						<li class="mui-table-cell item a7">
							<img src="../../../public/static/v1/img/index/huoche@2x.png" />
							<p>火车购票</p>
						</li>
						<li class="mui-table-cell item a8">
							<img src="../../../public/static/v1/img/index/xianshi@2x.png" />
							<p>限时推荐</p>
						</li>
						<li class="mui-table-cell item a8">
							<img src="../../../public/static/v1/img/index/shanghu-7@2x.png" />
							<p>商户中心</p>
						</li>
					</ul>
					<div class="yile_flash">
						<div class="yile_flash1">
							<img src="../../../public/static/v1/img/index/yl_flash@2x.png" />
							<div class="swiper_wrap">
								<ul class="font_inner">
									<li>
										<a href="###">亿乐购物吧夏季新品上线，限时优惠专场!</a>
									</li>
									<li>
										<a href="###">亿乐购物吧夏季新品上线，限时优惠专场!</a>
									</li>
									<li>
										<a href="###">亿乐购物吧夏季新品上线，限时优惠专场!</a>
									</li>
									<li>
										<a href="###">亿乐购物吧夏季新品上线，限时优惠专场!</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!--中间模块部分-->

				<!--限时推荐模块-->
				<div class="hand_rob">
                    <div class="hand_rob_head">
                    	<img src="../../../public/static/v1/img/index/xianshi@2x (2).png"/>
                    	<span class="xiachang">距离下场</span>
                    	<span id="time_text_h"></span>:<span id="time_text_m"></span>:<span id="time_text_s"></span>
                    </div>
                    <ul class="clearfix hand_rob_shop">
                    	<li>
                    		<img src="../../../public/static/v1/img/index/shop111.png"/>
                    		<p class="hand_li_p1">￥19.9</p>
                    		<p class="hand_li_p2">￥89</p>
                    	</li>
                    	<li>
                    		<img src="../../../public/static/v1/img/index/shop222.png"/>
                    		<p class="hand_li_p1">￥288</p>
                    		<p class="hand_li_p2">￥430</p>
                    	</li>
                    	<li>
                    		<img src="../../../public/static/v1/img/index/shop333.png"/>
                    		<p class="hand_li_p1">￥8.18</p>
                    		<p class="hand_li_p2">￥38</p>
                    	</li>
                    	<li>
                    		<img src="../../../public/static/v1/img/index/shop555.png"/>
                    		<p class="hand_li_p1">￥13.9</p>
                    		<p class="hand_li_p2">￥47.8</p>
                    	</li>
                    </ul>
				</div>
				<!--限时推荐模块-->
				<!--特惠模块-->
				<div class="preference">
					<div class="preference_head">
                    	<p class="preference_head_p1">— 特惠 —</p>
                    	<p class="preference_head_p2">超值好货等你来</p>
                    </div>
                    <ul class="clearfix preference_shop">
                    	<li class="l preference_shop_li1">
                    		<img src="../../../public/static/v1/img/index/tehui1.png"/>
                    	</li>
                    	<li class="r preference_shop_li2">
                    		<img src="../../../public/static/v1/img/index/tehui2.png"/>
                    	</li>
                    	<li class="r preference_shop_li3">
                    		<img src="../../../public/static/v1/img/index/tehui3.png"/>
                    	</li>
                    </ul>
				</div>
				<!--特惠模块-->
				<!--旅行模块-->
				<div class="travel">
					<div class="travel_head">
                    	<p class="travel_head_p1">— 旅行 —</p>
                    	<p class="travel_head_p2">精选景点任你选</p>
                    </div>
                    <ul class="travel_list">
                    	<li class="travel_list_details">
                    		<img src="../../../public/static/v1/img/index/travel3.png"/>
                    		<div class="travel_introduce">
                    			<div class="travel_introduce1">
                    				<p class="travel_introduce1_p1">富山—大板—东京8或9日游</p>
                    				<p class="travel_introduce1_p2">宇奈月温泉乡，深度游，人气线路，宿万达度假区智选假日或送达方式腐蚀毒粉</p>
                    			</div>
                    			<div class="travel_introduce2">
                    				<span class="travel_span1">￥</span><span class="travel_span2">1499</span><span class="travel_span3">￥1999</span>
                    			</div>
                    		</div>
                    	</li>
                    	<li class="travel_list_details">
                    		<img src="../../../public/static/v1/img/index/travel2.png"/>
                    		<div class="travel_introduce">
                    			<div class="travel_introduce1">
                    				<p class="travel_introduce1_p1">富山—大板—东京8或9日游</p>
                    				<p class="travel_introduce1_p2">宇奈月温泉乡，深度游，人气线路，宿万达度假区智选假日或送达方式腐蚀毒粉</p>
                    			</div>
                    			<div class="travel_introduce2">
                    				<span class="travel_span1">￥</span><span class="travel_span2">1499</span><span class="travel_span3">￥1999</span>
                    			</div>
                    		</div>
                    	</li>
                    	<li class="travel_list_details">
                    		<img src="../../../public/static/v1/img/index/travel1.png"/>
                    		<div class="travel_introduce">
                    			<div class="travel_introduce1">
                    				<p class="travel_introduce1_p1">富山—大板—东京8或9日游</p>
                    				<p class="travel_introduce1_p2">宇奈月温泉乡，深度游，人气线路，宿万达度假区智选假日或送达方式腐蚀毒粉</p>
                    			</div>
                    			<div class="travel_introduce2">
                    				<span class="travel_span1">￥</span><span class="travel_span2">1499</span><span class="travel_span3">￥1999</span>
                    			</div>
                    		</div>
                    	</li>
                    </ul>
                    
				</div>
				<!--旅行模块-->
				
				<!--更多精选模块-->
				<div class="clearfix more_sift">
					<div class="preference_head">
                    	<p class="preference_head_p1">— 精选 —</p>
                    	<p class="preference_head_p2">便宜好货都在这</p>
                    </div>
                    <ul class="more_sift_shop clearfix">
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_01.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_02.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_03.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_03.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_01.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_02.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_03.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    	<li class="more_sift_li">
                    		<img src="../../../public/static/v1/img/index/more_03.png"/>
                    		<p class="more_sift_p1">BF小胖男装2017条纹衬衫男士七分袖袖宽松日系潮牌棉麻薄衬</p>
                    		<p class="clearfix more_sift_p2">
                    			<span class="more_span1 l">￥</span>
                    			<span class="more_span2 l">75</span>
                    			<span class="more_span3 l">0人付款</span>
                    			<img src="../../../public/static/v1/img/index/more_more.png" class="r more_details"/>
                    		</p>
                    	</li>
                    </ul>
				</div>
				<!--更多精选模块-->
			</div>
		</div>
		<!--底部-->
		<nav class="mui-bar mui-bar-tab" id="footer">
			<a class="mui-tab-item index">
				<img src="../../../public/static/commen/img/tabar_selected1@2x.png" />
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item category">
				<img src="../../../public/static/commen/img/tabar_notselected2@2x.png" />
				<span class="mui-tab-label">类别</span>
			</a>
			<a class="mui-tab-item nearby">
				<img src="../../../public/static/commen/img/tabar_notselected3@2x.png" />
				<span class="mui-tab-label">附近</span>
			</a>
			<a class="mui-tab-item shopping_center">
				<img src="../../../public/static/commen/img/tabar_notselected4@2x.png" />
				<span class="mui-tab-label ">购物车</span>
			</a>
			<a class="mui-tab-item personal_card">
				<img src="../../../public/static/commen/img/tabar_notselected5@2x.png" />
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
	</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>
<script src="../../../public/static/commen/js/footer/commen_footer.js"></script>
<script src="../../../public/static/v1/js/index/index.js"></script>